@CHARSET "UTF-8";

/*设置主box的宽度*/
.mainBox {
	width:100%;
	height:200px;
	overflow:scroll;
	overflow-style:marquee-line;
	overflow-x: hidden;
}

/*去掉列表小点，并设置相对宽度*/
.mainBox ul {
	list-style-type:none;
	width:100%;
	overflow:hidden;
}

/*设置每个列表元素横铺，宽度按是ul的四分之一*/
.mainBox li {
	float:left;
	width:33.3%;
	margin-bottom:10px;
	margin-top:10px;
}

/*设置整个li背景样式*/
div.img {
  	width: 90%;
  	background-color: white;
  	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius:8px;
	margin-left:5%;
	cursor:hand;
}

/*鼠标放到li上时的变化*/
div.img:hover {
	transform:scale(1.03,1.03);
	-moz-transform:scale(1.03,1.03);
	-webkit-transform:scale(1.03,1.03);
}

/*设置li中图片的样式*/
div.img img {
	width:100%;
	height:auto;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}

/*li中文字的样式*/
div.desc {
	padding:10px;
	text-align:center;
	color:#000;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
